@charset "utf-8";html {width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}
@font-face {
	font-family: "AlimamaShuZhiTiVF-custom";
	src: url("https://a1.alicdn.com/alp_large_file/daca9fa0/6rb8k.woff2") format("woff2"),
	url("https://a1.alicdn.com/alp_large_file/daca9fa0/bfs2q.woff") format("woff");
	font-display: swap;
}

body {width:100%;margin:0 auto;background:#fff;text-align:center;font:12px AlimamaShuZhiTiVF-custom,Lantinghei SC,Microsoft YaHei,HanHei SC,Helvetica Neue,Open Sans,Arial,Hiragino Sans GB,微软雅黑,STHeiti,WenQuanYi Micro Hei,SimSun,sans-serif;height:100%;color:#333;width:100%;padding:0;_overflow-x:hidden}
body.homepage {margin:0 auto;background:#fff}
a:link,a:visited {color:#363636;text-decoration:none}
a:hover {color:#09f}
img,a img {border:0;vertical-align:middle}
li,ul {list-style:none}
li,ul,form {margin:0;padding:0}
input,select {font-size:12px;vertical-align:middle}
.hidden {display:none}
h3 {font-size:14px}
a,area {blr:expression(this.onFocus=this.blur())}
:focus {outline:0}
strong,b {font-weight:normal}
#blank {width:100%;height:82px}
.header {width:100%;height:60px;position:relative;overflow:visible;position:fixed;top:0;left:0;z-index:99999;background:none;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
.header:hover.header.current {background:#fff;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
.header.current {background:#fff;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
.header.current .mainnav li a:link,.header.current .mainnav li a:visited {color:#555;}
.header .header_main {width:1200px;overflow:hidden;margin:0 auto;height:100%;position:relative;top:10px;}
.header .header_main .logo {position:absolute;left:0;top:-3px;text-indent:-400px;margin:0;padding:0;background:url(../images/logo.png) left 10px no-repeat;width:120px;height:61px;background-size:121px;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;transform:scale(0.85);}
.header.current {background:#fff;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;box-shadow:0 0 7px 0 #ccc}
.banner_text {width:1200px;margin:0 auto;position:relative;top:50px;}
.header.current .header_main .logo {background:url(../images/logo1.png) left 10px no-repeat;background-size:121px;-o-transition:all .4s;-moz-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s;}
.header .header_main .logo a {text-indent:-10000px;display:block;width:100%;height:100%;overflow:hidden;}
.header .mainnav {width:500px;position:absolute;left:540px;top:0;height:45px;overflow:hidden;}
.header .mainnav li {width:auto;height:100%;line-height:40px;float:left;text-align:left;position:relative;margin-right:25px;}
.header .mainnav li a:link,.header .mainnav li a:visited {display:block;height:100%;width:100%;color:#eee;text-align:center;font-size:14px;cursor:pointer}
.header .contact_tel {font-size:12px;padding:4px 10px;color:#fff;background:#09f;position:absolute;right:0;top:7px;border-radius:6px;font-weight:bold;}
.header.current .contact_tel {color:#fff;background:#f60}
.content {width:100%;margin:0 auto;overflow:hidden;position:relative;z-index:1;padding-top:0;float:left;}
.container01 {width:100%;height:560px;overflow:hidden;position:relative;float:left}
.content .container01 .news ul.combo li {width:81px;float:left}
.container03 {width:1200px;padding:0;overflow:hidden;margin:0 auto;position:relative;}
.container03.service {height:510px}
.container03 ul.dianxing {width:100%;padding:0;float:left;text-align:center}
.container03 ul.dianxing li a img {width:70px;height:55px}
.container03 ul.dianxing li {width:115px;height:57px;float:left;text-align:center;text-indent:-500px;overflow:hidden;border:1px solid #ddd;margin:0 5px 5px 0;border-radius:4px}
.container03 .payflow {width:98%;padding-left:2%;height:30px}
.container03 .payflow span {display:block;width:275px;float:left;height:26px;line-height:26px;margin-right:1px;color:#fff;text-align:left;text-indent:10px}
.container03 .payflow span.c1 {background:#555}
.container03 .payflow span.c2 {background:#888}
.container03 .payflow span.c3 {background:#aaa}
.container03 .payflow strong {float:left;width:90px;height:26px;line-height:26px;color:#fff;margin-right:1px;background:#333}
.container03 .payflow b {font-size:19px}
.container03.case {position:Relative}
.container03 ul.youshi {width:95%;clear:both;margin:0 auto;position:relative;top:55px;min-width:95%}
.container03 ul.youshi li {width:20%;float:left;-webkit-transition:all 1.5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.container03 ul.youshi li:hover {margin-top:-10px}
.container03 ul.youshi img {height:72px;width:auto;padding:35px;border-radius:50%;background:#eee}
.container03 ul.youshi .title_s {font-size:16px;width:100%;height:55px;font-weight:bold;line-height:65px;padding-top:25px}
.container03 ul.youshi p {width:80%;line-height:22px;color:#777;margin:0 auto;float:none}
ul.infolist {width:98%;margin:0 1%}
ul.infolist li {width:23%;padding-left:2%;float:left;height:100px;text-align:left;margin-bottom:30px}
}
ul.infolist li strong {font-size:20px;display:block;width:100%;height:40px;line-height:30px}
ul.infolist li p {font-size:12px;margin:0;line-height:22px;text-align:left;width:90%}
.content .container04 .contentview .detail pre {font-size:12px;float:left}
.titlebig {position:relative;width:100%;margin:0;display:block;height:52px;line-height:42px;text-align:center;font-size:35px;margin-top:25px;font-weight:normal;float:left;}
.titlebig strong,.container05 .titlebig strong {font-size:15px;font-weight:normal}
.titlebig {margin-top:50px}
.titlebig.lanmu2 strong {position:relative;left:269px;font-size:24px}
.titlebig.lanmu2 strong.news {left:552px}
.index-mall-promotion .titlebig {position:relative;width:100%;margin:0;display:block;height:52px;line-height:42px;text-align:center;font-size:32px;padding-top:50px;font-weight:normal;float:left;color:#555;margin-top:10px}
.index-mall-promotion p {margin:0 0 75px 0;width:100%;text-align:center;float:left;font-size:14px;line-height:22px}
.container03 h4 {font-size:16px;margin:5px 0}
.container04 p,.container03 p {width:100%;text-align:center;float:left;font-size:15px;line-height:22px;margin:0;color:#666;}
.container03 p span {display:inline-block;padding:2px 20px;color:#fff}
.content .container04 .webinfo span {display:inline-block;color:#c00;font-size:12px;padding-top:10px}
.content .container02 ul.businesslist li a.more {display:block;width:98%;height:24px;line-height:24px;text-align:right;float:left;margin-top:10px}
.container03 ul.caselist {filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;width:100%;float:left;position:absolute;left:0;top:0;height:100%}

.container03.lanmu {height:auto;padding:0}
.container03#all4 {width:100%;height:200px;background:#000;padding-top:30px}
.content .positoin {width:100%;text-align:left;font-size:14px}
.content .container04  ul.caselist li span {display:none;width:99%;height:99%;border-radius:5px;box-shadow:1px 1px 0 #aaa;padding:1px;background:#000;position:absolute;left:1px;top:1px;z-index:9999}
.content .container04 ul.caselist li span a:link,.content .container04 ul.caselist li span a:visited {color:#fff;display:inline-block;width:60%;height:30px;line-height:30px;font-size:14px;border:3px solid #3eb6fb;background:#076aa3;border-radius:10px;text-align:center;cursor:pointer}
.content .container04  ul.caselist li b.big {padding-bottom:15px;float:left;width:80%;padding:30% 10% 4% 10%;font-size:19px;color:#ddd;line-height:39px}
.content .container04  ul.caselist li b.big b {font-size:19px}
.content .container04  ul.caselist li b.small {display:inline-block;font-size:14px;color:#ddd;padding:0 0 10% 0;width:100%;text-align:center}
.container03 ul.businesslist li ul.subbiz li ul {height:160px;padding-top:5px}
.content .container04 {width:1200px;padding:0;overflow:hidden;margin:0 auto;line-height:19px}
.content .container04 .case {width:710px;float:left;border:1px solid #bbb;background:#fff;height:auto!important;height:auto;min-height:600px;overflow:visible;_overflow-x:hidden}
.content .container04 .case h3,.content .container04 .other h3 {position:relative;text-indent:10px;width:100%;margin:0;display:block;height:27px;background:url(../images/bg_business.gif) 0 -8px;line-height:25px;text-align:left}
.content .container04 .case h3 strong {position:absolute;right:10px;top:0;font-weight:normal;font-size:12px;color:#999}
.content .container04 .other {width:230px;float:right;border:1px solid #bbb;background:#fff;height:auto!important;height:auto;min-height:200px;margin-bottom:5px}
.content .container04 .c_left {width:180px;float:left;margin-top:20px;text-align:left}
.content .container04 .c_right {width:860px;float:right;text-align:center;line-height:22px;}
.content .container04 .c_right.nleft {float:left;overflow:hidden;}
.content .container04 .nright {width:300px;float:right;padding:20px 0;}
.content .container04 .nright .title {padding:0;width:100%;clear:both;height:40px;font-size:16px;font-weight:normal;text-align:left;color:#555;border:0;margin:0;}
.content .container04 .nright ul.taglist {width:90%;float:left;text-align:left;padding:10px 0}
.content .container04 .nright ul.taglist li {display:inline-block;padding:0 10px 10px 0;font-size:14px}
.content .container04 .nright ul.taglist li a:link,.content .container04 .nright ul.taglist li a:visited {font-size:12px;text-decoration:underline;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .5s ease;transition:all .3s ease}
.content .container04 .nright ul.taglist li a:hover {font-weight:bold}
.content .container04 .nright h3 {width:100%;float:left;text-align:left;margin:0 0 10px 0}
.content .container04 .nright ul.arclist li {width:100%;padding:5px 0;margin:0;height:24px;line-height:24px;text-align:left;}
.content .container04 .nright ul.arclist li:last-child {border:0}
.content .container04 .nright ul.arclist {padding:0 0 30px 0;float:left}
.content .container04 .nright ul.arclist li a {left:0;font-size:12px;height:24px}
.content .container04 .nright ul.article-all {width:100%;float:left;margin:10px 0 10px -8px;}
.content .container04 .nright ul.article-all li {width:45%;height:25px;margin:0 0 12px 0;float:left}
.content .container04 .nright ul.article-all li a:hover {background:#09f;color:#fff}
.position {width:100%;font-size:12px;text-align:left;display:inline-block;color:#fff;height:60px;margin-top:-1px;}
.container04 .c_right.nleft ul.arclist li {width:276px;margin-left:0;}
.position a:link,.position a:visited {display:block;float:left;padding:10px 20px;margin-right:-1px;background:#09f;color:#fff;}
 .position a:first-child:link,.position a:first-child:visited {background:#333;color:#fff;}
 .position a:nth-child(3):link,.position a:nth-child(3):visited {background:#29a9ff;color:#fff;}
.position a:first-child:hover {background:#000;}
.position a:hover {background:#000;}
.content .container04 .c_right.large {width:100%}
.content .container04 .c_right.allsize {width:100%}
.content .container04 .c_right .title {width:100%;height:50px;border-bottom:1px dashed #ccc;position:relative;margin:0;padding:0;padding-right:5px;float:left;margin-bottom:5px;text-align:center}
.content .container04 .c_right .title a {position:absolute;right:10px;top:50px;font-size:12px;font-weight:bold}
.content .container04 .title {position:relative;width:100%;font-size:21px;height:50px;border-bottom:1px solid #bbb;float:left;text-align:left;padding:10px 0 0;margin:20px 0 15px 0;color:#aaa}
.content .container04 .title h5 {font-size:12px;font-weight:normal;color:#bbb;margin:5px 0 0}
.content .container04 .title span {font-size:12px;font-weight:normal;display:inline-block;padding:5px 20px;border:1px solid #888;border-radius:5px;color:#888}
.content .container04 .title span a {color:#888}
.content .container04 .title span a:hover {color:#222}
.content.allwidth {width:100%;margin:0 auto}
.content.allwidth .container04 ul.fangan_list li {width:20%;margin:0}
.content .container04 .c_right ul.caselist li p {margin:0;font-size:12px;text-align:left;line-height:20px;color:#777}
.content .container04 .c_right ul.caselist {width:100%;padding-top:35px}
.content .container04 .c_right ul.caselist li {position:relative;width:29%;padding:0 3% 0 0;height:auto;float:none;display:-webkit-inline-box;text-align:center;margin:0 1% 1% 0;background:#fff;border-radius:4px;padding-bottom:15px}
.container03.newsall {max-height:550px}
.container03 ul.icon-list {width:40%;float:left;text-align:center;margin-top:25px}
.content .container04 .contentview {width:100%;font-size:14px;line-height:25px}
.content .container04 .contentview .title {display:block;width:100%;float:left;height:30px;color:#444;margin:5px 0;font-size:16px}
.content .container04 .contentview h4 {position:relative;left:-2%;font-size:26px;margin:0;padding:45px 0 10px 0;width:100%;text-align:center;color:#363636;font-weight:normal}
.content .container04 .contentview h5 {position:relative;margin:0;font-size:11px;font-weight:normal;padding:0 0 10px 0;text-align:center;color:#aaa}
.content .container04 .contentview .detail h4 {left:0}
.content .container04 .c_right.large .contentview .detail {text-align:left;line-height:26px;padding:50px 5% 30px 5%;width:89.5%;float:left;background:#fff;border-radius:15px;font-size:15px;box-shadow:1px 2px 10px 1px #ccc}
.content .container04 .c_right .contentview .detail {text-align:left;line-height:27px;width:100%;float:left;font-size:15px}
.content .container04 .c_right.large {padding-bottom:65px}
.content .container04 .contentview .detail h3 {background:0;font-size:14px;text-indent:0;margin:0;float:left;color:#c00}
.content .container04 .contentview .detail p {margin:0;padding:0;text-align:left;width:100%;line-height:28px;color:#333;}
.content .container04 .contentview .detail strong {font-size:16px;color：#000;float:none;display:inline-block;font-weight:bold}
.content .container04 .contentview .detail li {width:100%;padding-bottom:10px;float:left}
.content .container04 .contentview .detail li h4 {text-align:left;margin-bottom:20px}
.content .container04 .contentview .detail img {max-width:99%;min-width:99%;display:block;margin:20px auto;-webkit-box-shadow:0 0 7px #eee;box-shadow:0 0 7px #eee;border:1px solid #ddd;}
.content .container04 .contentview .detail a:link,.content .container04 .contentview .detail a:visited {color:#09f}
.content .container04 .contentview .detail h2 {font-size:17px;}
.content .container04 .contentview .detail ul.map-list {width:100%;padding:10px 0;float:left}
.content .container04 .contentview .detail ul.map-list li {padding:0;width:16.6%;float:left;height:auto!important;height:auto;min-height:40px}
.content .container04 .contentview .detail ul.map-list li ul.map-list-sub {width:100%;float:left}
.content .container04 .contentview .detail ul.map-list li ul.map-list-sub li {padding:0;min-height:20px;width:100%;font-size:12px}
.baidumap {width:100%;height:auto;text-align:center;padding-bottom:50px;padding-top:20px}
.content .container04 .contentview .detail ul.contact-list p {text-align:center;color:#777;font-size:16px;margin-top:5px}
.content .container04 .contentview .ourinfo {width:100%;text-align:left;color:#bbb;line-height:22px;padding:20px 0;float:left}
.content .container04 .contentview .ourinfo a:link,.content .container04 .contentview .ourinfo a:visited {color:#bbb}
.content .container04 .nright ul.arclist_right li {width:300px;float:left;height:28px;line-height:29px;text-align:left;overflow:hidden;float:left;border-radius:10px;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;position:relative;margin-bottom:3px;}
.content .container04 .nright ul.arclist_right.casesort li {width:48%;margin-right:2%;}
.content .container04 .c_right.nleft ul.arclist li,.container03 ul.arclist li {background:#fff;-webkit-box-shadow:0 0 7px #eee;box-shadow:0 0 7px #eee;border:1px solid #ddd;}
.content .container04 .c_right.nleft ul.arclist li:hover ,.container03 ul.arclist li:hover{background:#efefef;}
.content .container04 ul.arclist,.container03 ul.arclist {text-align:left;width:110%;padding:26px 0 0}
.content .container04 ul.arclist li,.container03 ul.arclist li {width:300px;float:left;height:270px;margin:0 13px 20px 12px;overflow:hidden;float:left;margin-bottom:21px;padding-bottom:7px;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;position:relative;}
.container03 ul.arclist li{width:276px;}
.container03 ul.arclist.arclist_easy li{height:196px;}
.content .container04 ul.arclist li span,.container03 ul.arclist li span {margin-left:10px;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;font-size:12px;}
.content .container04 ul.arclist li a,.container03 ul.arclist li a {font-weight:normal;font-size:14px;position:relative;left:10px;top:2px;color:#333}
.content .container04 ul.arclist li a.title,.container03 ul.arclist li a.title {font-size:18px;text-align:left;margin-bottom:9px;}
.content .container04 ul.arclist_right li span {font-size:9px;line-height:15px;text-align:center;background:#efefef;color:#999;float:left;width:15px;margin-right:5px;margin-top:7px;height:15px;border-radius:50%;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease;}
.content .container04 ul.arclist_right li:hover {background:#efefef;}
.content .container04 ul.arclist_right li:hover span {margin-left:10px;}
.content .container04 ul.arclist li p,.container03 ul.arclist li p {margin:0;padding:5px 0 0;font-size:12px;color:#777;text-align:left;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;line-height:20px;}
.content .container04 ul.arclist li:hover p,.container03 ul.arclist li:hover p{padding:10px 0 0;-webkit-transition:all .8s ease;-moz-transition:all .8s ease;-ms-transition:all .8s ease;-o-transition:all .8s ease;transition:all .8s ease;border-top:1px solid #eee;}
.content ul.pagelist {width:100%;height:50px;float:left;text-align:left;padding:30px 0 80px 0;overflow:hidden;margin:0 auto;}
.content ul.pagelist span {position:relative;left:-700px}
.content .container04 ul.pagelist li {float:left;text-align:right;overflow:hidden;width:20px;height:20px;margin-right:10px}
.content .container04 ul.pagelist li a:link,.content .container04 ul.pagelist li a:visited {display:block;width:100%;height:20px;overflow:hidden;cursor:pointer;border-radius:50%;text-align:center;line-height:20px;background:#ddd;color:#888}
.content .container04 ul.pagelist li a:hover {background:#555;color:#fff;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.content .container04 ul.pagelist li.thisclass {background:#09f;color:#fff;text-align:center;border-radius:50%;line-height:20px}
.content .container04 .contentview .detail ul.pagelist li {float:none;display:inline-block;text-align:right;overflow:hidden;width:20px;height:20px;margin-right:10px}
.content .container04 .contentview .detail ul.pagelist li:first-child a:link,.content .container04 .contentview .detail ul.pagelist li:first-child a:visited {background:#09f;color:#fff}
.content .container04 .contentview .detail ul.pagelist {padding:0;text-align:center;margin-top:15px}
.content .container04 .contentview .detail ul.pagelist a:link,.content .container04 .contentview .detail ul.pagelist a:visited {color:#888;font-size:12px}
.content .container04 .contentview .detail ul.pagelist a:hover {color:#fff}
.content .container04 .product .content ul.pagelist strong {background:0;display:inline;color:#555}
.content .container04 .aboutus {width:680px;padding:15px;text-align:left;line-height:26px;font-size:12px}
.content .container04 .product {width:98%;margin:10px 1% 20px 1%;float:left;display:inline;border:1px solid #ccc;background:url(../images/bg_subnav.gif) 0 0 no-repeat}
.content .container04 .product .item {position:relative;width:258px;float:left;text-align:left;height:auot!important;height:auto;min-height:582px}
.content .container04 .product .item h4 {margin:0;width:100%;font-size:12px;padding:0;float:left;text-indent:10px}
.content .container04 .product ul.itemlist {padding:0;width:100%;float:left}
.content .container04 .product ul.itemlist li {width:100%;height:49px;line-height:49px;font-weight:bold;float:left;border-bottom:1px solid #ddd;text-indent:15px;font-size:14px}
.content .container04 .product ul.itemlist li.now {background:#fff}
.content .container04 .c_right .content {width:610px;float:right;text-align:left;line-height:28px;font-size:14px;padding:10px 30px 10px 30px}
.content .container04 .c_right .content strong {display:block;width:100%;height:22px;line-height:22px;margin:5px 0}
.content .container04 .c_right .content b {display:block;width:100%;height:24px;padding:0 0 5px 0}
.content .container04 .c_right .content .title {font-size:20px;font-weight:bold;color:#0663a5;height:80px;border-bottom:1px dashed #ccc;margin-bottom:10px}
.container05 {width:1200px;height:700px;margin:0 auto;clear:both;padding-top:70px}
.container05 ul.flow {width:100%;height:500px;background:url(../images/flow.png) center top no-repeat;margin-top:80px;position:Relative}
.container05 ul.flow li {position:absolute;z-index:999;width:215px;height:115px;text-align:center;font-size:18px}
.container05 ul.flow li:nth-child(1) {left:11px;top:15px}
.container05 ul.flow li:nth-child(2) {left:150px;top:325px}
.container05 ul.flow li:nth-child(3) {left:286px;top:15px}
.container05 ul.flow li:nth-child(4) {left:420px;top:325px}
.container05 ul.flow li:nth-child(5) {left:560px;top:15px}
.container05 ul.flow li:nth-child(6) {left:695px;top:325px}
.container05 ul.flow li:nth-child(7) {left:832px;top:15px}
.container05 ul.flow li:nth-child(8) {left:980px;top:325px}
.container05 ul.flow li span {font-size:36px;font-style:oblique;color:#999}
.container05 ul.flow li p {font-size:12px;color:#bbb;width:100%;line-height:21px;margin:13px 0 0}
input.btn-2 {width:60px;height:22px;margin:0;padding:0;text-align:center;border:0;background:url(../images/btn2.gif);overflow:hidden;color:#fff;cursor:pointer}
.content .container_shop {width:948px;border:1px solid #ccc;background:#fff;height:auto;overflow:hidden}
.content .container_shop h2 {position:relative;font-size:14px;text-indent:10px;width:100%;margin:0;display:block;height:35px;background:url(../images/bg_business.gif);line-height:35px;text-align:left}
.content .container_shop .mobanlist li {width:210px;float:left;height:230px;padding:5px;border:1px solid #ccc;margin:0 10px 10px 0}
.content .container_shop .mobanlist h3 {font-size:12px;font-weight:normal;padding:0;margin:5px 0}
.content .container_shop .mobanlist {width:100%;padding:15px}
.content .container_shop h2 span {text-indent:0;font-size:10px;font-weight:normal;position:absolute;left:82px;top:7px;line-height:10px}
.content .container04 .c_right .left {width:44%;float:left;margin-top:6px;margin-right:18px}
.content .container04 .c_right.big {width:100%}
.content .container04 .c_right .right {width:540px;float:left;margin-top:6px}
.content .container04 .caseshow {width:100%;text-align:center;padding-bottom:0;text-align:left;}
.content .container04 .caseshow img.casepic {float:left;max-width:845px;width:auto;height:auto;padding:1px;float:none;margin:0 auto 40px 0;-webkit-box-shadow:0 0 7px #eee;box-shadow:0 0 7px #eee;border:1px solid #ddd;}
.content .container04 .webinfo {width:100%;float:left;height:auto;text-align:left;margin-bottom:110px;padding:0 0 50px 0}
.content .container04 .webinfo p {margin:0px 0 12px 0;text-align:left;font-size:14px;line-height:26px;padding:0;color:#666;width:100%}
.content .container04 .webinfo h5 {font-size:16px;margin:0;height:28px;width:100%}
.content .container04 .caseshow .num {width:100%;padding:50px 0;font-size:30px}
.content .container04 .caseshow .num span {display:inline-block;font-size:35px;border:4px solid #555;padding:0;width:45px;height:45px;line-height:45px;position:relative;top:0;left:0;border-radius:25%}
.content .container04 .webinfo .biaoti {font-size:26px;width:100%;padding:30px 0 0;height:40px}
.content .container04 .webinfo h5 a {font-size:12px;font-weight:normal;background:#c00;padding:10px 50px;margin-top:20px;display:inline-block;color:#fff;border-radius:5px}
.content .container04 .webinfo h5 a:hover {background:#222}
.content .container04 .imgbox {width:100%;clear:both}
#wrap-bot {width:100%;height:520px;overflow:hidden;background:#000;}
.lianxi {position:relative;width:100%;height:92px;background-color:#394865;//*background-image:url(../images/line.svg);background-repeat:no-repeat;background-size:cover;background-position:0 -147.6px;*//text-align:center;padding:22px 0 0;margin:0 auto;clear:both;color:#9db8ee;}
.icp {width:100%;border-top:1px solid #111;float:left;margin-top:50px;padding:20px 0 0;text-align:center;color:#777;}
.icp ul.subsite {width:1200px;margin:0 auto;}
.icp ul.subsite li {display:inline-block;margin-right:15px;}
.footer ul.nav-bot li.footer-tel .tel {font-size:26px;font-family:fontStyleOne;color:#4285f4;padding:20px 0;text-indent:25px;background:url(../images/tel2.png) 0 29px no-repeat;background-size:16px;}
.icp p {width:100%;float:left;margin:0;}
.footer {width:100%;height:310px;float:left;margin-top:0;padding-top:14px;}
.footer .copyright {position:relative;width:1200px;color:#999;text-align:left;margin:0 auto;position:relative;padding-top:40px}
.footer .copyright p {width:100%;margin:0;font-size:12px;clear:both;float:left;padding-top:8px;margin-top:20px}
.footer .copyright p a:link,.footer .copyright p a:visited {color:#999}
.footer ul.nav-bot {width:100%;color:#ccc}
.footer ul.nav-bot li {width:16%;float:left;text-align:left}
.footer ul.nav-bot li.list2 .sub {margin-top:29px}
.footer ul.nav-bot li .title {font-size:15px;font-weight:normal;margin:0 0 20px 0;color:#999}
.footer ul.nav-bot li ul.sub li {width:100%;height:26px;font-size:12px;}
.footer a:link,.footer a:visited {width:100%;height:100%;line-height:26px;color:#777}
.footer ul.nav-bot li a:hover {color:#09f}
ul.linklist {width:85%;position:relative;top:7px;float:left}
ul.linklist li {display:inline-block;padding-right:5px;height:22px}
ul.linklist li a:link,ul.linklist li a:visited {color:#999}
.footer ul.nav-bot li .erweima {width:160px;height:160px;background:url(../images/ewm.png) 0 0 no-repeat;position:absolute;right:0;top:20px}
ul.linklist li a:hover {color:#0c8bf3}
.footer .info {float:left;width:105%}
.content .container04 ul.arclist li .title {border:0;height:auto;float:left;width:90%}
.container03 h3.web {text-indent:640px}
#index2 {width:98%;padding:0 1%;height:640px;background-image:url(../images/indextaocan.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover}
#index2 .titlebig,#index2 p {color:#fff}
#index2 .titlebig {padding-top:25px}
.content .container04 .near {width:100%;clear:both;float:left;padding-bottom:30px}
.content .container04 ul.article_rec {width:100%;float:left}
.content .container04 ul.article_rec .title_rec {width:100%;height:40px;line-height:50px;overflow:hidden;font-size:16px;padding:20px 0;font-weight:bold}
.content .container04 .contentview .detail ul.article_rec li {width:47%;font-size:14px;float:left;margin-right:2%;text-align:left;height:20px}
.content .container04 .contentview .detail ul.article_rec li img {float:left;max-width:150px;width:150px;margin-right:15px;height:100px;padding:0}
.content .container04 .contentview .detail ul.article_rec li .info {width:100%;float:left;font-size:12px}
.content .container04 .contentview .detail ul.article_rec li .info a {font-size:14px;display:inline-block;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.content .container04 .contentview .detail ul.article_rec li p {font-size:12px;line-height:18px;color:#999}
.container_wrap#xcx .container03.allwidth {width:100%;padding:0}
.container_wrap#xcx .container03.allwidth h2 {margin-top:45px}
.container03#index3 {width:100%;height:570px}
.container03.xcx-why#index3 {height:700px}
.container03#index4 {width:100%;height:auto!important;height:auto;min-height:650px;overflow:hidden;background-image:url(../images/indexcase.jpg);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;padding:35px 0}
.container03#index4 .titlebig {color:#fff}
.container03#index4 p {color:#fff}
.container03#index4 p a:link,.container03#index4 a:visited {display:inline-block;padding:2px 10px;border:1px solid #fff;font-size:12px;color:#fff;border-radius:4px;margin:10px 1px 0 1px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.container03#index4 p a:hover {background:#247dff;color:#fff;border:1px solid #247dff}
.container03#index4 p a.current:link,.container03#index4 p a.current:visited {background:#247dff;color:#fff;border:1px solid #247dff}
.container03#index5 {min-width:1200px;height:640px;background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover}
.container03.panel#index5 {height:auto}
.container03#index5 p a:link,.container03#index5 p a:visited {display:inline-block;padding:2px 10px;border:1px solid #ccc;font-size:12px;color:#999;border-radius:4px;margin:0 1px;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.container03#index5 p a:hover {border:1px solid #555;color:#fff;background:#555}
ul.zizhi {width:100%;float:left;margin-bottom:20px;margin-top:10px}
.container03#index6 {width:100%;height:715px;background-image:url(../images/indexwenda.png);background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover}
.container03#index6 .titlebig,.container03#index6 p {color:#fff}
.container03.sec#index6 {height:500px}
.container03#index6 .flow {width:100%;text-align:center;height:400px;padding:50px 0 0;float:left}
.container03#index6 ul.wenda {width:95%;margin:0 auto;height:65%;position:relative;clear:both;text-align:left}
.container03#index6 ul.wenda li {display:inline-block;width:22%;color:#fff;line-height:35px}
.container03#index6 ul.wenda li .title {font-size:14px;color:#fff}
.container03#index6 ul.wenda li span {display:inline-block;width:30px;height:30px;border-radius:50%;background:#247dff;color:#fff;margin-right:5px;font-size:22px;text-align:center;position:relative;top:3px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.container03#index6 ul.wenda li:hover span {background:#f60;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.container03#index6 ul.wenda li p {margin:0;font-size:12px;text-align:left;padding:6px 0 0 5px}
.container03#index6 ul.wenda li:nth-child(1) {position:absolute;left:2%;top:1%;transform:rotateZ(-4deg)}
.container03#index6 ul.wenda li:nth-child(2) {position:absolute;left:35%;top:3%;transform:rotateZ(3deg)}
.container03#index6 ul.wenda li:nth-child(3) {position:absolute;left:3%;top:30%;transform:rotateZ(-1deg)}
.container03#index6 ul.wenda li:nth-child(4) {position:absolute;right:10%;top:3%;transform:rotateZ(3deg)}
.container03#index6 ul.wenda li:nth-child(5) {position:absolute;left:32%;top:31%;transform:rotateZ(0deg)}
.container03#index6 ul.wenda li:nth-child(6) {position:absolute;right:17%;top:31%;transform:rotateZ(-8deg)}
.container03#index6 ul.wenda li:nth-child(7) {position:absolute;left:5%;top:65%;transform:rotateZ(-6deg)}
.container03#index6 ul.wenda li:nth-child(8) {position:absolute;left:38%;top:62%;transform:rotateZ(1deg)}
.container03#index6 ul.wenda li:nth-child(9) {position:absolute;right:10%;top:62%;transform:rotateZ(9deg)}
.container03#index6 ul.wenda li:nth-child(10) {position:absolute;left:32%;top:86%;width:55%;transform:rotateZ(-1deg)}
.container03.sec#index6 ul.wenda li:nth-child(3) {top:50%}
.container03.sec#index6 ul.wenda li:nth-child(5) {top:51%}
.container03.sec#index6 ul.wenda li:nth-child(6) {top:51%}
.container_wrap#xcx {width:100%;background-image:url(../images/banner_bg1.jpg);background-repeat:no-repeat;height:630px;overflow:hidden;background-position:center top;background-attachment:fixed;background-size:cover;padding:35px 0 0 0}
.container_wrap#xcx .container03 {width:94%;padding:0 3%}
.container_wrap#xcx .container03 .titlebig {color:#fff;text-align:left}
.container_wrap#xcx .container03 .titlebig a:link,.container_wrap#xcx .container03 .titlebig a:visited {color:#fff}
.container_wrap#web,.container_wrap#shop {width:94%;padding:0 3%}
.container_wrap#web h2,.container_wrap#shop h2 {text-align:left;margin:0 0 25px 0}
.container_wrap.shopintro {width:100%;background-repeat:no-repeat;background-position:center top;background-attachment:fixed;background-size:cover;padding:20px 0}
.container_wrap.shopintro .container03 {padding:0}
.container_wrap.shopintro.grey1,.container_wrap.shopintro.grey {background:#f4f4f4}
.container_wrap .container03 .textintro .title {text-align:left;margin-top:35px;font-size:26px;padding-bottom:20px}
.container03 .intro-left {width:40%;float:left}
.container03 .intro-right {width:40%;float:right;text-align:center}
.container03 .textintro.guanwang.jianju_r {width:43%;padding-right:10%}
.container03 .textintro.jianju_l {width:43%;padding-left:10%}
.container03 .op {width:100%;height:130px;margin:0 auto;float:left}
.container03 .op.orange a.btn-talk:link,.container03 .op.orange a.btn-talk:visited {background:#02c341;position:relative;top:15px}
.container03 .op.orange a.btn-talk:hover {background:#000}
.container03 .op a.btn-talk:link,.container03 .op a.btn-talk:visited {display:inline-block;width:350px;height:46px;line-height:46px;background:#247dff;font-size:16px;color:#fff;margin:0 auto;border-radius:6px;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.container03 .op a.btn-talk:hover {background:#000;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease.footer ul.nav-bot li .title;transition:all .5s ease}
.banner_sec {width:100%;height:560px;overflow:hidden;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative}
.banner_sec.case {background-image:url(../images/bg_case.jpg)}
.banner_sec.zixun {background-image:url(../images/banner_s2.jpg)}
.banner_sec.app {background-image:url(../images/bg_app.jpg)}
.banner_sec.banner_sec.xcx {background-image:url(../images/bg_xcx.jpg)}
.banner_sec #homepic {width:335px;height:141px;background:url(../uploads/allimg/181207/1-1Q20G123012D.png) 0 0 no-repeat;display:block;text-indent:-800px;overflow:hidden;position:absolute;right:20px;top:152px;z-index:999;filter:alpha(opacity=86);-moz-opacity:.86;-khtml-opacity:.86;opacity:.85}
.banner_sec #homepic:hover {filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:1.0}
.banner_sec_wrap {width:1200px;height:280px;position:relative;margin:0 auto}
.banner_sec_wrap .title,.banner_text .title {width:100%;margin:0 auto;position:relative;top:150px;right:-70px;font-size:24px;color:#fff;border:0;text-align:left;z-index:999;margin:0 auto;float:none;}
.banner_sec_wrap .title .des,.banner_text .title .des {line-height:45px;font-size:40px;padding:0 0px 0 60px;float:left;padding-top:7px;letter-spacing: 3px;color:#fff;}
.banner_sec_wrap .title .des p.en{font-size:25px;margin:0;position:relative;top:6px;line-height:40px;width:850px;}
.banner_sec_wrap .title .tips{font-weight:bold;font-size:55px;padding-left:60px;margin-top:-32px;padding-bottom:0;color:#fff;}
.banner_sec_wrap .title span {display:block;font-size:126px;width:100%;height:70px;overflow:hidden;font-family:serif;}
.banner_sec_wrap .title span.t2 {text-align:left;position:relative;text-indent:820px;}
.banner_sec_wrap .title span.t1 {text-align:left;position:relative;left:-100px;}
.banner_sec_wrap .title p {width:100%;font-size:18px;margin:13px 0 0;color:#fff}

.banner_text .title .des p.en{font-size:14px;margin:0;position:relative;top:16px;line-height:20px;width:899px;}
.banner_text .title .tips{font-weight:bold;font-size:55px;padding-left:60px;margin-top:-32px;padding-bottom:0;color:#fff;position:relative;left:-10px;}
.banner_text .title span {display:block;font-size:126px;width:100%;height:70px;overflow:hidden;font-family:serif;}
.banner_text .title span.t2 {text-align:left;position:relative;text-indent:950px;}
.banner_text .title span.t1 {text-align:left;position:relative;left:-100px;}
.banner_text .title p {width:100%;font-size:18px;margin:13px 0 0;color:#fff}

table.datagrid {width:90%;font-size:14px;background:#ddd}
table.datagrid td {background:#fff;padding-left:9px;height:26px}
.line,.line1,.line2 {width:100%;height:10px;line-height:10px;overflow:hidden;float:left;clear:both}
.line1 {height:50px;line-height:50px}
.line2 {height:30px;line-height:30px}
.guanlian {width:100%;float:left;padding:15px 0 35px 0}
p.grey {color:#999}
.share {width:100%;float:left;padding-top:40px;font-size:14px;line-height:28px;margin:0 auto}
.container_wrap {width:100%;background:#fff;clear:both;background:#fff;overflow:visible}
.container03 .container_s img.dianshang.guanwang img {height:350px;height:auto}
ul.itemlist {width:100%;height:40px;float:left;line-height:40px;margin-top:15px}
ul.itemlist li {width:33.3%;float:left;height:40px;font-size:18px;text-align:left;text-indent:5px}
ul.itemlist li:last-child {text-indent:0}
.content .container04 .contentview .title span a {position:static;font-weight:normal}
.header .header_main a:link.back,.header .header_main a:visited.back {display:none;width:47px;height:47px;background:url(../images/arrow_back.png) center center no-repeat;position:absolute;top:0;left:.5%;text-indent:-500px;overflow:hidden;z-index:999999}
blockquote {background:#fff;border-radius:10px;padding:15px 25px;display:inline-block;margin:10px 0 ;background:#fff4e5;color:#f60;}

.container03 .textintro {width:50%;float:left;text-align:left;font-size:16px;line-height:31px;padding-top:30px}
.container03 .textintro.ios {padding-left:5%}
.container03 img.dianshang {float:right;position:absolute;right:10px;bottom:70px;width:auto}
.container03 img.dianshang1 {float:right;position:absolute;right:50px;bottom:0}
.container03 .textintro.guanwang {width:48%;float:right;text-align:left;font-size:16px;line-height:31px;padding-top:30px;padding-right:5%}
#xcx .container03 .textintro.guanwang {color:#fff}
.container03 img.dianshang.guanwang {position:absolute;left:30px;bottom:70px}
.container03 .container_s img.dianshang.guanwang {width:auto}
.container03 .container_s {width:100%;float:left;position:relative;height:400px;margin-bottom:0}
.container03 .container_s .title-sub {font-size:24px;height:65px;line-height:40px;padding-top:35px}
.container03 .textintro .news-title {font-size:16px;width:80px;text-align:center;padding-top:0;margin-top:40px;text-indent:0;color:#fff;background:#09f;border-radius:5px}
.container03 .container_s ul.arclist a:link,.container03 .container_s ul.arclist a:visited {font-size:14px;color:#ddd;background:0;left:0;padding:0;width:100%}
.container03 .container_s ul.arclist a:hover {color:#fff}
.container03 .container_s ul.arclist li {padding:0 10px;width:auto;float:none;display:inline-block;background:0;border-bottom:1px solid #ccc;margin:0 5px}
.container03 .container_s ul.arclist {width:100%;position:relative;left:0;top:40px;text-align:center}

.contentview .detail ol {margin:0;padding:0;}


.container_wrap.ios .container03 {padding-top:0}
.container_wrap.ios .title {color:#fff;text-align:left;margin-top:35px}
.container_wrap.ios .container03 .textintro {color:#fff}
.container_wrap.web .title {color:#fff;text-align:left;margin-top:35px}
.container_wrap.web .container03 .textintro {color:#fff}
.container_wrap.android {background-image:url(../images/bg_android.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center}
.container_wrap.android .container03 {padding-top:0}
.container_wrap.android .title {color:#fff;text-align:left;margin-top:35px}
.container_wrap.android .container03 .textintro {color:#fff}
.container03 .container_s.wx {height:450px;margin:0}
.content .container04 .contentview h5 {font-size:14px;width:100%;height:30px;line-height:30px;color:#666;text-align:left;color:#444;float:left;border-bottom:1px solid #333;margin-bottom:30px;}
.content .container04 .c_right .container03 {width:100%;min-height:auto}
.content .container04 .contentview h6 {width:100%;height:150px;line-height:110px;font-size:24px;text-align:center;font-weight:normal;margin:0;float:left}
.container_wrap h6 {width:100%;height:150px;line-height:110px;font-size:24px;text-align:center;font-weight:normal;margin:0;float:left}
*/.content .container04 ul.casesort1 {width:auto;display:inline-block;margin:0 auto;padding:10px 0 0}
.content .container04 ul.casesort1 li {width:140px;float:left;height:38px;margin-bottom:10px;margin-right:5px}
.content .container04 ul.casesort1 li a:link,.content .container04 ul.casesort1 li a:visited {display:block;width:100%;height:35px;line-height:35px;font-size:16px;border-radius:3px}
.content .container04 ul.casesort1 li a:hover {background:#333;color:#fff}
.content .container04 ul.casesort1 li.now a:link,.content .container04 ul.casesort1 li.now a:visited {background:#222;color:#fff}
.content .container04 ul.casesort li.big {width:594px}
.content .container04 ul.casesort li.big a:link,.content .container04 ul.casesort li.big a:visited {width:584px;text-align:center;background:#39a1ca}
.content .container04 ul.casesort li.big a:hover {background:#39a1ca}
.content .container04 ul.casesort li.big a img {left:220px}
.wrapper {width:1200px;margin:0 auto;position:relative}
ul.appintro {width:1200px;clear:both;padding-top:50px;}
ul.appintro li {width:50%;float:left;text-align:center}
 ul.appintro li video{width:580px;}
ul.appintro img {height:auto;width:580px}
ul.appintro p {font-size:12px;color:#999;text-align:center;line-height:22px;width:85%;margin:0 auto;float:none;padding-bottom:50px}
ul.appintro .title_s {width:100%;padding:60px 0 10px 0;font-size:26px}
.app-plan {position:relative;width:100%;height:550px;clear:both;float:left;margin:60px auto 40px auto;}
.plan-bg {position:relative;z-index:-10;width:100%;float:left;height:100%;background-image:url(../images/bgtalk1.jpg);background-size:cover;background-position:left top;background-repeat:no-repeat}
.app-plan .plan-info {position:absolute;left:0;top:0;width:60%;float:right;height:100%;text-align:center;margin:0 20%;}
.plan-info strong {display:inline-block;font-size:45px;padding:75px 0 15px 60px;color:#fff;}
.plan-info p {font-size:22px;color:#fff;width:80%;line-height:33px;margin:0 auto;}
.plan-info a.casemore:link, .plan-info a.casemore:visited{width:245px;margin:0 35%;position:static;margin-top:30px;text-indent:-1900px;overflow:hidden;
    background:url(../images/wechat01.png) center center no-repeat;background-color:#eee;height:245px;background-size:90% auto;
    
    
}
.bggrey.bgxcxitem#choose{margin-top:45px;}
.xcxvideo video{width:1200px;height:auto;}
.xcxvideo {width:100%;height:450px;overflow:hidden;}
#banner {width:100%;background:#000;overflow:hidden;position:relative;height:800px;min-width:1200px;position:Relative;color:#fff}
#banner .videobg {display:none;}
#banner video {position:absolute;left:0;top:-255px;z-index:0;min-width:118%;height:auto}
#banner a {display:inline-block;width:200px;height:40px;line-height:40px;text-align:center;color:#999;background:#fff;font-size:16px;border-radius:10px;position:absolute;left:0;bottom:0;z-index:99}
#banner .title {font-size:45px;height:40px;text-align:left;position:absolute;left:0;top:190px;z-index:99}
#banner small{display:block;width:100%;font-size:30px;}
#banner .text {font-size:15px;width:700px;line-height:30px;height:188px;position:absolute;left:0;top:330px;text-align:left;z-index:99;color:#fff}
.xcx-intro {width:1200px;height:800px;text-align:center;margin:0 auto;font-size:14px;line-height:30px;background:url(../images/xcx02.jpg) center 330px no-repeat}
#chat {display:none;width:60%;height:350px;position:fixed;left:20%;bottom:29%;z-index:99999}
#chat a.chat-people:link,#chat a.chat-people:visited {display:block;width:100%;height:350px;background:url(../images/bg_chat.png) center center no-repeat}
#chat a.close:link,#chat a.close:visited {display:block;width:20px;height:20px;line-height:20px;background:#09f;color:#fff;position:absolute;left:49%;bottom:10px;z-index:99999999;border-radius:50%}
#chat a.close:hover {transform:rotateZ(360deg);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
#chat1 {width:130px;height:180px;position:fixed;right:2%;bottom:5%;z-index:99999}
#chat1 a:link,#chat1 a:visited {display:block;width:130px;height:130px;background:url(../images/chat1.png)}
.position1 {width:95%;min-width:1200px;height:20px;margin:30px auto 0 auto;text-align:left;line-height:20px;font-size:14px}
.container03 ul.arclist.arc-all {padding-top:30px;}
.container03.panel#index5 a.more {display:inline-block;width:300px;margin:30px  0 50px 0;color:#999;height:50px;line-height:50px;font-size:16px;border:1px solid #ccc;border-radius:8px;}
.container03.panel#index5 a.more:hover {background:#f3f3f3;}
.container03 ul.arclist.arc-all li {width:33%;height:auto;margin-bottom:20px;}
.container03 ul.arclist.arc-all li .photo {width:25%;background-repeat:no-repeat;background-position:left top;background-size:cover;max-width:200px;height:100px;float:left;}
.container03 ul.arclist.arc-all li .info {width:65%;margin-left:15px;float:left;text-align:left}
.container03 ul.arclist.arc-all li .info a {background:0;padding:0;left:0}
.container03 ul.arclist.arc-all li .info p {font-size:12px;margin:0;text-align:left;color:#999;text-indent:0}
.title-b {width:100%;height:40px;font-size:25px;text-align:left;font-weight:bold}
.content .container04 .contentview .detail ul.zizhi-list {width:100%;float:left;clear:both;padding-bottom:100px;}
.content .container04 .contentview .detail ul.zizhi-list li {width:25%;float:left;text-align:center;padding-bottom:30px;line-height:15px}
.content .container04 .contentview .detail ul.zizhi-list li img {padding:0}
.content .container04 .contentview .detail ul.zizhi-list.zhizhao li {display:inline-block;margin:0 auto;float:none;width:50%}
.content .container04 .contentview .detail ul.zizhi-list.zhizhao {text-align:center;padding-bottom:0;}
.header .header_main h2 {position:absolute;left:0;top:0;text-indent:-400px;margin:0;padding:0;background:url(../images/logo.png) center 10px no-repeat;width:260px;height:61px}
.header .header_main h2 a {text-indent:-10000px;display:block;width:100%;height:100%;overflow:hidden}
.banner_sec_wrap .title h1 {margin:0;padding:0;display:inline;font-size:50px;font-weight:normal;}
.content .container04 .contentview h1 {position:relative;font-size:26px;margin:0;padding:32px 0 10px 0;width:100%;text-align:left;color:#363636;font-weight:bold;}
.content .container04 .contentview .detail ul.article_rec li span {display:inline-block;width:15px;height:15px;background:#09f;color:#fff;line-height:15px;margin-right:5px;border-radius:50%;text-align:center;}
3.content .container04 ul.arclist li p {width:100%;line-height:20px;font-size:12px;}
.titlebig h2 {margin:0;padding:0;font-weight:normal;font-size:35px;}
.titlebig span{color:#09f;background:url(../images/dot.png) 8px center no-repeat;background-size:13px;padding-left:30px;}
.titlebig span:before{background-color:#09f;width:10px;height:10px;}
.titlebig p{font-size:15px;padding-top:20px;}
.bggrey.bgxcxitem{background-image:url(../images/banner_xcx.png);}
.bggrey.bgxcxitem .titlebig h2, .bggrey.bgxcxitem p{color:#666;line-height:24px;margin:0;}
.content .container04 ul.arclist li img {width:150px;height:100px;max-width:26%;float:left;padding:1px;border:1px solid #ddd;}
.content .container04 ul.arclist li .info,.container03 ul.arclist li .info{width:95%;padding-left:3%;float:left;padding-top:20px;}
.content .container04 ul.arclist li .more,.container03 ul.arclist li .more {-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;position:absolute;bottom:50px;right:-205px;display:block;z-index:999;}
.content .container04 ul.arclist li:hover .more,.container03 ul.arclist li:hover .more {display:block;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;right:-10px}
.container03 ul.arclist li .more a:link,.container03 ul.arclist li .more a:visited {display:block;width:200px;height:30px;line-height:30px;background:#333;color:#fff;font-size:12px;text-indent:15px;border-radius:10px;position:relative;right:-10px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;background-image:linear-gradient(to right,#215ba2,#328443);}
.container04 ul.arclist li .more a:link,.container04 ul.arclist li .more a:visited {display:block;width:200px;height:30px;line-height:30px;background:#333;color:#fff;font-size:12px;text-indent:15px;border-radius:10px;position:relative;right:-10px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;background-image:linear-gradient(to right,#215ba2,#328443);}

.content .container04 ul.arclist li:hover .more a:hover ,.container03 ul.arclist li:hover .more a:hover{background:#09f;color:#fff;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;}
.content .container04 ul.arclist li a.title,.container03 ul.arclist li a.title{left:0;text-align:left;display:inline-block;width:100%;font-size:16px;}
.content .container04 .nright .companyinfo {text-align:left;width:260px;padding:20px;float:left;background:#efefef;margin-top:5px;margin-bottom:35px;}
.content .container04 .nright .companyinfo img {width:50%;}
.content .container04 .nright .companyinfo strong {display:block;width:100%;height:30px;font-weight:bold;text-align:left;}
.content .container04 .nright .companyinfo p {float:none;margin-left:auto;margin-right:auto;text-align:left;line-height:24px;font-size:12px;padding:10px 0;color:#333;}
.content .container04 .nright .companyinfo img {width:80px;height:auto;}
.content .container04 .nright .weichat {line-height:26px;width:100%;float:left;text-align:left;padding-top:10px;}
.content .container04 .nright .weichat img {width:100%;height:auto;}
.content .container04 .caseshow .near,.content .container04 .caseshow span.address {font-size:15px;width:100%;text-align:left;line-height:28px;display:block;}
.content .container04 .caseshow a:link,.content .container04 .caseshow a:visited {color:#09f;}
.content ul.pagelist td span {display:inline-block;margin-right:10px;float:left;background:#09f;color:#fff;text-align:center;border-radius:50%;line-height:20px;width:20px;height:20px;left:0;}
.footer ul.nav-bot li:nth-child(1) {width:350px;}
.footer ul.nav-bot li:nth-child(2) {width:120px;}
.footer ul.nav-bot li {width:10%;}
.footer ul.nav-bot li:nth-child(3) {width:120px;}
.footer ul.nav-bot li:nth-child(4) {width:340px;}
.footer ul.nav-bot li:nth-child(5) {width:280px;}
.footer ul.nav-bot li:nth-child(5)  img {width:125px;height:auto;background:#eee;float:left;margin-right:15px;}
.footer ul.nav-bot li.footer-tel {width:310px;text-align:left;font-size:14px;color:#777;}
.footer ul.nav-bot li.footer-tel .telnumber {width:100%;font-size:26px;}
.footer .copyright {color:#777;}
.footer .copyright p a:link,.footer .copyright p a:visited {color:#777;}
.footer ul.nav-bot li:nth-child(2) ul.sub li,.footer ul.nav-bot li:nth-child(3) ul.sub li {width:100%;float:left;}
.content .container04 ul.arclist li p span {font-size:12px;color:#999;width:auto;background:none;color:#999;font-family:Arial;}
.content .container04 ul.arclist li .photo,.container03 ul.arclist li .photo {width:100%;height:125px;float:left;background-size:cover;background-repeat:no-repeat;background-position:center center;border-radius:10px 0 10px 0;}
.content .container04 ul.arclist li .photo,.container03 ul.arclist li .photo {transform:scale(1.1);filter: grayscale(40%);-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-filter:contrast(170%);filter:contrast(170%);-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-filter:saturate(1);filter:saturate(1);filter: grayscale(25%);}
.content .container04 ul.arclist li:hover .photo,.container03 ul.arclist li:hover .photo {height:0px;-moz-transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
ul.pagelist td a:link,ul.pagelist td a:visited {display:block;width:20px;height:20px;overflow:hidden;cursor:pointer;border-radius:50%;text-align:center;line-height:20px;background:#ddd;color:#888;margin-right:10px;float:left;}
.container03.yuyan {background-image:url(../images/bg01.png);background-size:cover;background-repeat:no-repeat;height:820px;}
.container03.uidesign {height:620px;}
.container03.yuyan .titlebig {color:#ddd;padding-top:100px;}
.container03.yuyan p {color:#ddd;}
.container03.qingdan {height:740px;}
.function-box {margin-left:-27px;float:left;width:800px;}
.function-box ul {width:937px;}
.function-box li {float:left;width:297px;height:129px;background-color:#ffffff;margin-right:23px;margin-bottom:20px;position:relative;box-shadow:0 0 4px rgba(0,0,0,.12);}
.function-box li:nth-child(3),.function-box li:nth-child(6),.function-box li:nth-child(9) {margin-right:0;}
.function-box li .content-box {width:220px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);/* IE 9 */-webkit-transform:translate(-50%,-50%);/* Safari and Chrome */-o-transform:translate(-50%,-50%);/* Opera */-moz-transform:translate(-50%,-50%);/* Firefox */}
.function-box li .content-box p {font-size:16px;color:#666666;margin:15px 0 0;text-align:left;}
.function-box li .content-box span {font-size:12px;color:#BCBCBC;}
.function-box li .content-box .text {margin-top:12px;width:135px;text-align:left;float:left;}
.function-box li:hover {background-color:#1E59A9;color:#FFFFFF;}
.function-box li:hover .content-box p {color:#FFFFFF;}
.function-box li:hover .content-box span {color:#789DCB;}
.qingdanlist {width:1200px;margin:0 auto;padding-top:40px;clear:both;}
.function-box li .content-box s {width:75px;line-height:60px;text-align:center;height:60px;float:right;margin-top:18px;}
.function-box li .content-box .icon-08 {background:url("../images/w08.png") no-repeat center;}
.function-box li .content-box .icon-09 {background:url("../images/w09.png") no-repeat center;}
.function-box li .content-box .icon-10 {background:url("../images/w10.png") no-repeat center;}
.function-box li .content-box .icon-11 {background:url("../images/w11.png") no-repeat center;}
.function-box li .content-box .icon-12 {background:url("../images/w12.png") no-repeat center;}
.function-box li .content-box .icon-13 {background:url("../images/w13.png") no-repeat center;}
.function-box li .content-box .icon-14 {background:url("../images/w14.png") no-repeat center;}
.function-box li .content-box .icon-15 {background:url("../images/w15.png") no-repeat center;}
.function-box li .content-box .icon-16 {background:url("../images/w16.png") no-repeat center;}
.function-box li .content-box .icon-18 {background:url("../images/w18.png") no-repeat center;}
.function-box li .content-box .icon-19 {background:url("../images/w19.png") no-repeat center;}
.function-box li .content-box .icon-20 {background:url("../images/w20.png") no-repeat center;}
.function-box li .content-box .icon-21 {background:url("../images/w21.png") no-repeat center;}
.function-box li:hover .content-box .icon-08 {background:url("../images/w008.png") no-repeat center;}
.function-box li:hover .content-box .icon-09 {background:url("../images/w009.png") no-repeat center;}
.function-box li:hover .content-box .icon-10 {background:url("../images/w010.png") no-repeat center;}
.function-box li:hover .content-box .icon-11 {background:url("../images/w011.png") no-repeat center;}
.function-box li:hover .content-box .icon-12 {background:url("../images/w012.png") no-repeat center;}
.function-box li:hover .content-box .icon-13 {background:url("../images/w013.png") no-repeat center;}
.function-box li:hover .content-box .icon-14 {background:url("../images/w014.png") no-repeat center;}
.function-box li:hover .content-box .icon-15 {background:url("../images/w015.png") no-repeat center;}
.function-box li:hover .content-box .icon-16 {background:url("../images/w016.png") no-repeat center;}
.function-box li:hover .content-box .icon-18 {background:url("../images/w018.png") no-repeat center;}
.function-box li:hover .content-box .icon-19 {background:url("../images/w019.png") no-repeat center;}
.function-box li:hover .content-box .icon-20 {background:url("../images/w020.png") no-repeat center;}
.function-box li:hover .content-box .icon-21 {background:url("../images/w021.png") no-repeat center;}
.buy {float:right;width:298px;height:427px;background-color:#ffffff;position:relative;box-shadow:0 0 4px rgba(0,0,0,.12);left:30px;}
.buy-content {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);/* IE 9 */-webkit-transform:translate(-50%,-50%);/* Safari and Chrome */-o-transform:translate(-50%,-50%);/* Opera */-moz-transform:translate(-50%,-50%);/* Firefox */text-align:center;}
.buy-content span {font-size:16px;color:#666666;}
.buy-content p {font-size:29px;color:#BCBCBC;font-family:'Arial Bold';font-weight:600;white-space:nowrap;margin-bottom:50px;}
.chat-talk {position:fixed;right:10px;bottom:20px;z-index:99001;width:70px;height:270px;font-size:12px;font-weight:500;text-align:center;color:#fff;}
.chat-talk li {width:70px;background:#2587ff;height:90px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.chat-talk li a:link,.chat-talk li a:visited {display:block;width:100%;height:100%;line-height:140px;color:#fff;font-weight:normal;}
.chat-talk li:nth-child(1) a:link,.chat-talk li:nth-child(1) a:visited {background:url(../images/wechat.png) center 18px no-repeat;}
.chat-talk li:nth-child(2) {margin-top:1px;}
.chat-talk li:nth-child(2) a:link,.chat-talk li:nth-child(2) a:visited {background:#99cc00 url(../images/qq.png) center 18px no-repeat;}
.chat-talk li:nth-child(3) {margin-top:1px;position:relative;}
.chat-talk li:nth-child(3) a:link,.chat-talk li:nth-child(3) a:visited {background:url(../images/chat.png) center 18px no-repeat;}
.chat-talk li:hover {background:#cc0000;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.chat-talk .saler {display:none;position:absolute;left:-333px;top:-258px;z-index:999;width:330px;height:438px;background:#fff url(../images/jason.png) center center no-repeat;border:1px solid #E6E8ED;box-shadow:0 2px 6px rgba(5,29,75,0.04);}
.chat-talk li:hover .saler {display:block;}
.chat-talk .tel {display:none;position:absolute;left:-333px;top:0;z-index:999;width:330px;height:88px;border:1px solid #E6E8ED;line-height:88px;box-shadow:0 2px 6px rgba(5,29,75,0.04);color:#000;line-height:28px;font-size:19px;background:#fff;}
.chat-talk .tel span {font-size:16px;display:inline-block;width:100%;padding-top:16px;color:#cc0000;}
.chat-talk li:nth-child(3):hover .tel {display:block;}
.channel_sub {width:100%;height:100px;text-align:left;}
ul.channel_sub_item {width:auto;margin:0 auto 20px auto;}
ul.channel_sub_item li {display:inline-block;padding:0 20px 0 0;width:120px;}
ul.channel_sub_item li a:link,ul.channel_sub_item li a:visited {display:block;width:120px;text-align:center;height:46px;font-size:16px;color:#aaa;border:1px solid #ccc;border-radius:20px;line-height:46px;}
ul.channel_sub_item li.now a:link,ul.channel_sub_item li.now a:visited {background:#09f;color:#fff;}
ul.channel_sub_item li a:hover {background:#09f;color:#fff;transform:scaleX(0);transform-origin:right;-webkit-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);-moz-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);-o-transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);transition:transform 0.6s cubic-bezier(0.785,0.135,0.15,0.86);}
.content .container04 .nright ul.caselist_small {width:100%;}
.content .container04 .nright ul.caselist_small li {width:100%;margin-bottom:10px;float:left;height:216px;text-align:left;font-size:14px;text-align:center;position:relative;overflow:hidden;}
.content .container04 .nright ul.caselist_small li img {width:299px;margin-bottom:15px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;-webkit-filter:contrast(120%);filter:contrast(120%);-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-filter:saturate(1);}
.content .container04 .nright ul.caselist_small li:hover img {transform:scale(1.1);}
.content .container04 .nright ul.caselist_small li .case-title {position:absolute;right:-300px;top:0;z-index:999;width:80%;padding:40px 10%;0 10%;transition:all 0.5s ease;text-align:left;font-size:12px;color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;background:#000;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;height:100%;}
.content .container04 .nright ul.caselist_small li:hover .case-title {right:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
ul.caselist {width:1200px;float:left;margin-bottom:30px;}
ul.caselist li {width:295px;float:left;text-align:left;position:relative;overflow:hidden;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;margin:0 5px 5px 0;}
ul.caselist li:hover {-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
ul.caselist li img {width:auto;height:227px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;filter:grayscale(60%);}
ul.caselist li:hover img {-webkit-filter:saturate(1);filter:contrast(120%);-webkit-filter:brightness(100%);filter:brightness(100%);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;filter:grayscale(0%);transform:scale(1.1);}
a.casemore:link,a.casemore:visited {display:inline-block;width:200px;height:46px;line-height:46px;color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;border-radius:5px;font-size:16px;float:left;position:relative;left:500px;background-image:linear-gradient(to right,#215ba2,#328443);}
a.casemore:hover {background:#09f;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}

a.casemore1:link,a.casemore1:visited{margin-right:15px;margin-left:-103px;}
.bggrey {width:100%;float:left;padding:60px 0;background-image:url("../images/bg_case33.jpg");background-size:cover;background-repeat:no-repeat;background-position:center center;}
.bggrey .subtitle {color:#fff;}
.bggrey .subtitle span{color:#fff;background:url(../images/dot_w.png) 8px center no-repeat;background-size:13px;padding-left:30px;}
.bggrey .titlebig h2,.bggrey p{color:#fff;}
.caseall {width:1200px;margin:0 auto;height:457px;}
.subtitle {font-size:35px;height:70px;text-align:center;width:100%;margin-bottom:40px;line-height:19px;clear:both;}
.subtitle p {font-size:15px;font-weight:normal;padding:25px 0 0;margin:0;}
ul.caselist .info {font-size:12px;line-height:21px;display:inline-block;width:100%;text-align:center;position:absolute;width:100%;height:26px;text-align:center;line-height:26px;left:0px;bottom:-26px;color:#ddd;z-index:999;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;background:#000;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
ul.caselist li:hover .info {bottom:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
@charset "utf-8";.game_content {width:1200px;clear:both;margin:0 auto;}
.game_content ul {display:flex;justify-content:space-between;flex-wrap:wrap;}
.game_content ul li {border-radius:50px;width:379px;background:rgba(255,255,255,1);text-align:center;padding:50px 60px 20px 60px;box-sizing:border-box;margin-bottom:30px;
	-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
.game_content ul li:hover{box-shadow:2px 14px 24px 0px #ddd;margin-top:-10px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}




.game_content li .img01 {width:75px;height:75px;}
.game_content li .img02 {width:37px;height:12px;margin:10px 0 20px 0;}
.game_content li h3 {font-size:20px;font-family:PingFangSC-Regular;font-weight:400;color:rgba(51,51,51,1);margin-top:30px;margin-bottom:0;}
.game_content li p {font-size:14px;font-family:PingFangSC-Regular;font-weight:400; }
.container_wrap.grey {background:#F4F3F3;}
.container03#index4 {background-image:url(../images/tjbg.png);}
.container_wrap.haochu {padding-bottom:70px;}
.travelOneBox {width:16.6%;float:left;padding:40px 0;}
 ul.flow {width:1231px;float:none;margin:80px auto 60px auto;background:none;overflow:hidden;padding:10px 0 0;position:relative;left:14px;}
.container04.gray {background:#F4F3F3;float:left;width:100%;}
ul.flow li {width:379px;padding:40px 0 30px 0;float:left;margin-right:30px;border-radius:3px;margin-bottom:30px;
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .07);
    border-radius: 6px;
	position:relative;
	top:0;
   border:1px solid #efefef;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
ul.flow li:hover{
color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;top:-10px;box-shadow: 0 4px 18px 0 #ddd;
	}

ul.flow li img {width:40px;height:auto;float:left;margin:0 10px 0 30px;}
ul.flow li .flow-info {width:249px;float:left;text-align:left;}
ul.flow li .flow-info .title {font-size:16px;color:#000;}
ul.flow li .flow-info p {font-size:12px;line-height:19px;margin:8px 0 0;text-align:left;height:43px;color:#999;}
.conListDiv {width:1200px;margin:auto;}
.conListUl {width:1224px;margin-left:-24px;}
.conListUl>li {width:220px;height:242px;float:left;margin-left:24px;background:rgba(255,255,255,1);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;padding-top:30px;box-sizing:border-box;border-radius:50px;margin-bottom:24px;}
.conListUl>li:hover{box-shadow:5px 9px 7px 5px #eee;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}


.conListUl01>li {padding:40px 0;box-sizing:border-box;height:230px;width:282px;}
.conListUl>li>p.conListUlText01 {padding:20px 0;font-weight:bold;}
.conListUl>li>img {width:80px;height:80px;display:block;margin:auto;}
.conListUl01>li>img {width:100px;height:100px;display:block;margin:auto;}
.conListUlText01 {text-align:center;margin-top:30px;font-size:20px;}
.conListUlText02 {padding:0 15px;margin-top:12px;color:#999;font-size:14px;}
.conListUlText02>p {display:block;margin-bottom:3px;text-align:center;font-size:14px;}
.conListUl:after {display:block;clear:both;content:"";visibility:hidden;height:0}
.banner_sec.banner_sec.xcx {background-image:url(../images/tjbg.png);}
.container03 ul.pagelist li.thisclass {background:#09f;color:#fff;text-align:center;border-radius:50%;line-height:20px;}
.container03 ul.pagelist li {float:left;text-align:right;overflow:hidden;width:20px;height:20px;margin-right:10px;}
.container03 ul.pagelist li a:link,.container03 ul.pagelist li a:visited {display:block;width:100%;height:20px;overflow:hidden;cursor:pointer;border-radius:50%;text-align:center;line-height:20px;background:#ddd;color:#888;}
@charset "utf-8";ul.gzrukou {margin:0 auto;width:100%;padding:40px 0;float:left;}
ul.gzrukou li {float:left;text-align:center;margin-bottom:50px;width:20%;text-align:center;}
ul.gzrukou li p {font-size:14px;color:#252525;margin-top:10px;}
ul.gzrukou li img {width:90px;height:auto;}
.banner_sec.banner_sec.xcx {background-image:url(../images/gzbg.jpg);}
.container_wrap.grey1 {background:#f9fdff;}
ul.gznanti {margin:0 auto;width:100%;padding:20px 0 0;float:left;}
ul.gznanti li {float:left;text-align:center;margin-bottom:10px;width:25%;text-align:center;}
ul.gznanti li p {font-size:14px;color:#252525;margin-top:30px;color:#fff;}
ul.gznanti li img {width:120px;height:auto;}
ul.youshi5 {margin:0 auto;width:1200px;padding:40px 0;}
ul.youshi5 li {float:left;text-align:center;margin-bottom:10px;width:20%;text-align:center;}
ul.youshi5 li p {font-size:14px;color:#252525;margin-top:10px;}
ul.youshi5 li img {width:120px;height:auto;}
.container03.xcx-why#index3 {height:873px;}
ul.youshi5 h3 {font-size:18px;}
.container_wrap.haochu {padding-bottom:50px;background-position:center top;background-repeat:no-repeat;background-size:cover;}
.container04.gray {background:#f9fdff;}
.zhuanye {width:1200px;margin:0 auto;height:430px;clear:both;padding-top:40px;}
.floor3-left {width:430px;float:left;text-align:center;}
.floor3-left img {width:415px;height:auto;}
.floor3-right {width:700px;float:right;}
.floor3-right li {width:45%;margin-right:5%;float:left;text-align:left;}
.floor3-right p.page-stitle {font-size:18px;margin:20px 0 0;text-align:left;}
.floor3-right p.page-desc {text-align:left;}
.container03 p.xcxintro {width:1000px;margin-left:auto;margin-right:auto;float:none;line-height:26px;}

ul.chooseus{width:1200px;margin:80px auto 25px auto;height:618px;position:relative;background:url(../images/choose.png) 231px center no-repeat;clear:both;}
ul.chooseus li{width:200px;height:90px;float:left;position:absolute;text-align:right;color:#999;padding-right:130px;font-size:14px;}
ul.chooseus li strong{font-size:18px;color:#333}

ul.chooseus li img{width:120px;height:auto;position:absolute;right:0;top:-17px;-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
ul.chooseus li:hover img{transform: rotateY(180deg);-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
ul.chooseus li:nth-child(1){left:0;top:30px;}
ul.chooseus li:nth-child(2){left:0;top:180px;}
ul.chooseus li:nth-child(3){left:0;top:330px;}
ul.chooseus li:nth-child(4){left:0;top:480px;}
ul.chooseus li:nth-child(5){right:0;top:30px;text-align:left;padding-left:130px;padding-right:0;}
ul.chooseus li:nth-child(6){right:0;top:180px;text-align:left;padding-left:130px;padding-right:0;}
ul.chooseus li:nth-child(7){right:0;top:330px;text-align:left;padding-left:130px;padding-right:0;}
ul.chooseus li:nth-child(8){right:0;top:480px;text-align:left;padding-left:130px;padding-right:0;}
ul.chooseus li:nth-child(5) img{left:0;} 
ul.chooseus li:nth-child(6) img{left:0}
ul.chooseus li:nth-child(7) img{left:0;}
ul.chooseus li:nth-child(8) img{left:0;}
ul.flow.flow3{margin-bottom:30px;margin-top:50px;}

ul.advantage{width:1200px;height:100px;margin:0 auto;color:#fff;}
ul.advantage li{width:25%;float:left;font-size:19px;color:#ebf3ff;text-indent:0;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
ul.advantage li:hover{text-indent:15px;-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
ul.advantage li img{width:72px;height:auto;margin-right:15px;position:relative;top:-1px;transform: rotate(0deg);-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
ul.advantage li:hover img{transform: rotate(360deg);-webkit-transition:all 0.9s ease;-moz-transition:all 0.9s ease;-ms-transition:all 0.9s ease;-o-transition:all 0.9s ease;transition:all 0.9s ease;}
ul.advantage strong{font-size:18px;}

ul.youshi {width:1200px;float:none;margin:80px auto 60px auto;background:none;padding:10px 0 0;}
ul.youshi li {width:278px;padding:40px 0 30px 0;float:left;margin-right:20px;border-radius:3px;margin-bottom:20px;
	box-shadow: 0 4px 18px 0 rgba(0, 0, 0, .07);
    border-radius: 6px;
	position:relative;
	top:0;
   border:1px solid #efefef;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
ul.youshi li:hover{
color:#fff;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;top:-10px;box-shadow: 0 4px 18px 0 #ddd;
	}

ul.youshi li img {width:100px;height:auto;float:left;margin:0 10px 0 8px;position:relative;left:71px;top:-26px;}
ul.youshi li .youshi-info {width:189px;float:left;text-align:center;padding:0 30px;margin-top:-35px;position:relative;z-index:999;}
ul.youshi li .youshi-info .title {font-size:16px;color:#000;}
ul.youshi li .youshi-info p {font-size:12px;line-height:18px;margin:8px 0 0;text-align:center;height:43px;color:#999;}
ul.arclist_nopic{width:1200px;margin:0 auto;}
ul.arclist_nopic li{width:33%;float:left;height:24px;line-height:24px;text-align:left;font-size:14px;margin-bottom:10px;background:url(../images/dot.gif) 0 0 no-repeat;text-indent:17px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.tips{width:100%;float:left;padding-bottom:120px;color:#999;text-align:left;}

ul.servicelist{width:1215px;margin:40px auto;height:645px;position:relative;left:5px;}
ul.servicelist li{width:380px;float:left;margin-right:25px;box-shadow: 0 4px 8px 0 #ddd;color:#fff;margin-top:12px;
    height:450px;background-size:cover;background-repeat:no-repeat;position:relative;border-radius:40px;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;position:relative;top:0;
}
	ul.servicelist li:hover{transform:scale(1.05);top:-20px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	ul.servicelist li .title{font-size:28px;float:left;margin-top:312px;width:100%;text-align:center;position:absolute;left:0px;bottom:340px;}
	ul.servicelist li p{color:#fff;margin-top:5px;font-size:14px;}
	ul.servicelist li img{
		-webkit-filter:saturate(1);filter:contrast(120%);-webkit-filter:brightness(100%);filter:brightness(100%);filter:grayscale(28%);
		width:380px;height:450px;border-radius:40px;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
		.bggrey{background-repeat:repeat;}
		.plan-bg{background-repeat:repeat;}

		ul.flow li:nth-child(3){margin-right:0;}
		ul.flow li:nth-child(6){margin-right:0;}

		@media screen and (max-width:640px) {
/*新增start*/
ul.arclist_nopic li{width:100%;margin-bottom:5px;}
ul.servicelist li{width:100%;margin-bottom:20px;}
ul.servicelist{width:90%;margin:0 5%;left:0;top:-20px;}
ul.youshi{width:90%;margin-left:0 5%;margin-bottom:20px;}
ul.youshi li{width:44%;margin: 0 2% 17px 3%;}
ul.youshi li .youshi-info{text-align:left;margin-top:-60px;left:-10%;}
ul.youshi li img{top:-35px;width:75px;left:20%;}
ul.youshi li .youshi-info p{width:80%;padding:0 10%;}
ul.youshi li .youshi-info{width:100%;padding:0;left:0}
ul.youshi li .youshi-info .title{padding-top:20px;text-align:center;width:100%;font-size:14px;}
.titlebig h2{font-size:20px;}
ul.chooseus{transform:scale(100%);width:100%;background: url(../images/choose.png) center center no-repeat;background-size:70%;margin-top:120px;}
.plan-info strong{font-size:22px;width:100%;padding-left:0;padding-top:45px;}
.app-plan .plan-info{width:90%;left:5%;margin:0;}
.plan-info p{font-size:14px;line-height:24px;}
.plan-info a.casemore:link, .plan-info a.casemore:visited{width:80%;margin:0;margin-left:10%;margin-top:25px;padding:15px 0;}
.titlebig span {background: url(../images/dot.png) 8px center no-repeat;background-size:14px;}
ul.flow{width:90%;margin:0 5%;left:0;padding: 10px 0 20px 0;}
ul.flow li {width:46%;margin:0 1.5% 13px 1.5%;padding-bottom:45px;}
ul.flow li .flow-info{width:90%;padding:0 5%;}
ul.flow li .flow-info p{width:100%;text-align:center;line-height:18px;}
ul.flow li .flow-info .title{padding-top:20px;}
.subtitle{font-size:22px;}
.subtitle p{font-size:12px;padding:15px 0 0;}
ul.caselist li{margin-bottom:5px;width: 49.2%;}
ul.caselist li:nth-child(2){margin-right:0;}
ul.caselist li:nth-child(4){margin-right:0;}
ul.caselist li:nth-child(6){margin-right:0;}
ul.caselist li:nth-child(8){margin-right:0;}
ul.caselist{width:90%;margin:0 5%;}
.caseall{width:100%;}
ul.arclist_nopic{width:90%;margin:0 5%;}
.container03#index5{width:100%;min-width:100%;}
ul.advantage{width:98%;height:100%;}
ul.advantage li{font-size:12px;width:45%;position:relative;height:75px;padding-left:10px;text-align:left;}
ul.advantage li img{width:52px;}
ul.advantage li span{}

.lianxi{height:145px;}
.bggrey{padding:20px 0 0;}
.bggrey .subtitle{margin-bottom:15px;}
.titlebig{margin-top:0;font-size:22px;height:42px;}
.container04 p, .container03 p{width:96%;margin:0 2%;font-size:11px;}
.banner_text{width: 100%;transform: scale(90%);margin-left: 90px;top:300px;}
#banner{margin-top:-60px;height:650px;}
#banner video{width: 50%;height: 650px;left: -400px;top: 0;}
ul.servicelist li img{width:100%;}
.line1{height:35px;line-height:35px;}
.banner_text .title .tips{font-size:79px;padding-left:0;}
.bggrey.bgxcxitem .titlebig h2, .bggrey.bgxcxitem p{padding:10px 0 0;}
ul.chooseus li{width:80%;transform:scale(75%);}
.bggrey.bgxcxitem .titlebig h2{padding-top:50px;font-size:20px;}
ul.flow li .flow-info .title{text-align:center;font-size:14px;}
ul.flow li img{margin-left:35%;}
.banner_sec_wrap .title .des{width:100%;font-size:38px;padding-left:0;}
.banner_text .title .des{width:100%;font-size:38px;padding-left:0;}
.banner_text .title .des p.en{width:59%;font-size:26px;line-height:41px;}
.footer .copyright {width:90%;margin:0 5%;padding-top:15px;}
.footer ul.nav-bot li .title{margin:0;padding-bottom:10px;margin-top:8px;}
.footer ul.nav-bot li.footer-tel .tel{padding-bottom:8px;padding-top:5px;background: url(../images/tel2.png) 0 center no-repeat;background-size:18px;}
.footer ul.nav-bot li.footer-tel{padding-bottom:15px;}
.footer ul.nav-bot li:nth-child(1) {width:100%;}
.footer ul.nav-bot li:nth-child(2) {width:100%;}
.footer ul.nav-bot li:nth-child(3) {width:100%;}
.footer ul.nav-bot li:nth-child(4) {width:100%;}
.footer ul.nav-bot li:nth-child(2) ul.sub li, .footer ul.nav-bot li:nth-child(3) ul.sub li{width:33%;margin:0;font-size:14px;}
.footer ul.nav-bot li{margin-bottom:10px;}
.footer ul.nav-bot li ul.sub li{margin-bottom:0px;font-size:14px;}
#wrap-bot{height:1090px;}
.icp {margin-top:20px;}
.icp ul.subsite{width:90%;margin:0 5%;}
.content .container04{width:90%;margin:0 5%;}
.banner_sec_wrap{width:100%;}
.banner_sec_wrap .title{transform: scale(50%);margin-left:-50%;top:30px;width:120%;}
.banner_text .title{transform: scale(50%);margin-left:-36%;top:60px;}
.content .container04 .c_right.nleft{width:100%;}
.content .container04 .contentview h1{font-size:27px;line-height:36px;}
.content .container04 .contentview .detail strong{font-size:22px;padding-bottom:10px;}
.content .container04 .c_right .contentview .detail{font-size:18px;}
.content .container04 .nright{width:90%;margin:0;float:none;}
.content .container04 .nright .companyinfo{width:100%;}
.icp ul.subsite li{text-align:left;width:33%;float:left;margin-right:0;font-size:14px;}
.tips{padding-bottom:30px;}
.content .container04 .nright .companyinfo p{width:100%;}
.icp p{width:90%;margin:0 5%;text-align:left;padding-top:10px;}
#banner .title{top:188px;left:-15px;transform:scale(40%)}
#banner .title .tips{font-size:75px;}
.banner_sec_wrap .title span.t2{text-indent:0;width:100%;text-align:right;left:320px;top:10px;}
.banner_sec{height:450px;margin-top:-60px;}
.banner_text .title span.t2 {display:none;}
	.banner_text .title span.t1{display:none;}
html,body{width:100%;overflow-x:hidden;}
.app-plan{margin-top:30px;height:510px;}
.header .mainnav{left:110px;transform:scale(87%);top:2px;}
.header .mainnav li{margin-right:10px;}
.header .mainnav li a:link, .header .mainnav li a:visited{font-size:12px;}
.header{position:relative;}
.banner_sec_wrap .title .des{padding-left:60px;width:120%;}
.xcxvideo video{width:100%;}
.xcxvideo{height:190px;}
.content .container04 .contentview .detail h2{font-size:22px;}
.banner_sec_wrap .title .tips{font-size:79px;width:140%;margin-top:0;}
.banner_sec_wrap .title .des p.en{width:120%;}
.content .container04 ul.arclist, .container03 ul.arclist{width:90%;margin:0 5%;padding:20px 0 0;}
.container03 ul.arclist.arclist_easy li{width:100%;height:auto;min-height:163px;margin-left:0;}
.content .container04 ul.arclist li a.title, .container03 ul.arclist li a.title{font-size:14px;}
a.casemore:link, a.casemore:visited{left:5%;width:90%;margin-bottom:10px;}
ul.appintro{width:100%;margin:0;padding-top:20px;}
ul.appintro li{width:100%;}
ul.appintro li video{width:100%;}
.content .container04 .caseshow img.casepic{max-width:100%;}
.content .container04 .nright ul.caselist_small{padding-bottom: 60px;float: left;width:111%;}
.content .container04 .nright ul.caselist_small li img{width:100%;}
.content .container04 .nright ul.caselist_small li .case-title{right:-400px;}
ul.arclist_right{float:left;padding-bottom:60px;}
ul.flow li.mobileli{width:95%;}
ul.flow li.mobileli img{margin-left:45%;}
.header .header_main .logo{transform:scale(66%);}
ul.flow.flow3{margin-bottom:0px;margin-top:20px;}
.container03{width:100%;}
ul.appintro .title_s {padding-top:30px;}
ul.appintro p{padding-bottom:30px;}
.content .container04 .c_right.nleft ul.arclist li, .container03 ul.arclist li{width:100%;}
.content{width:100%;margin:0;}
ul.caselist li img{width:100%;height:auto;}
.content .container04 .c_right.nleft ul.arclist{width:99.5%;margin:0;}
.content .container04 .c_right.nleft ul.arclist li{height:auto;min-height:231px;}
.content ul.pagelist{padding:30px 0;}
.content .container04 .contentview .detail ul.zizhi-list li{width:50%;}
.content .container04 .contentview .detail ul.zizhi-list{padding-bottom:20px;}
.banner_sec_wrap .title span.t1{visibility:hidden;}
.banner_sec_wrap .title span.t2{visibility:hidden;}
.content .container04 .near{font-size:12px;}
.position{text-indent:-1000px;}
.position a:link, .position a:visited{text-indent:0;}
.content .container04 .nright ul.arclist_right li{font-size:14px;}
.content .container04 .contentview .detail p{font-size:18px;}
.content .container04 .c_right.nleft ul.arclist li p, .container03 ul.arclist li p{width:100%;}
a.casemore1:link,a.casemore1:visited{margin-right:0;margin-left:0;}
ul.flow li:nth-child(3){margin-right:1.5%;}
ul.flow li:nth-child(6){margin-right:1.5%;}
.banner_text .title .des p.en{display:none;}
.conListDiv{width:90%;margin:0 5%;}
.conListUl{width:100%;margin:0;}
.conListUl>li{width:49%;margin:0;height:auto;}
.conListUl>li>p.conListUlText01{font-size:17px;padding-bottom:5px;}
.game_content {width:90%;margin:0 5%;}
.game_content ul li{width:49%;padding-left:0;padding-right:0;margin-bottom:0;}
.container03.xcx-why#index3{height:auto;}
ul.gzrukou li{width:33%;}
ul.youshi5{width:90%;margin:0 5%;}
ul.youshi5 li{width:49%;}
.container03#index3{height:auto;}
.container03 p.xcxintro{width:90%;margin:0 5%;float:none;line-height:20px;}





/*新增end*/
		}

@media screen and (min-width:640px) and (max-width:1200px){
.bggrey{min-width:1200px;}
.app-plan{min-width:1200px;}
#wrap-bot{min-width:1200px;}
.titlebig{min-width:1200px;}
.header{min-width:1200px;}
.banner_sec{min-width:1200px;}
.xcxvideo{min-width:1200px;}
.content{min-width:1200px;}
.content .container04{min-width:1200px;}
.content .container04 .c_right{min-width:860px;}
#banner video{min-width:1500px;}
.banner_sec_wrap .title, .banner_text .title{min-width:1200px;}

}

ul.sz_yewu{width:1200px;marign:0 auto;padding:100px 0;clear:both;}
ul.sz_yewu li{width:20%;float:left;height:150px;}
ul.sz_yewu li img{width:50px;height:50px;margin-bottom:15px;position:relative;}
ul.sz_yewu li:nth-child(6){margin-left:240px;}
ul.sz_fangan{width:1200px;marign:0 auto;padding:100px 0;clear:both;height:350px;}
ul.sz_fangan li{width:16.6%;float:left;height:180px;position:relative;}
ul.sz_fangan li img{width:173px;height:auto;border-radius:10px;margin-bottom:15px;position:relative;z-index:0;}
ul.sz_fangan p{position:absolute;display:block;width:100%;height:30px;text-align:center;z-index:999;color:#fff;font-size:22px;top:57px;}